%margin-auto{
    margin:{
        left: auto;
        right: auto;
    }
}

.table{
    width: 90%;
    max-height: 80%;
    overflow-y: auto;
    margin-top: 10px;
    @extend %margin-auto;
    text-align: left;
    table{
        width: 100%;
        thead th{
            max-width: 10%;
            padding: 4px 10px;
            min-width: 80px;
            border-bottom: 1px solid #ddd;
        }
    }
    tbody{
        tr{
            &:hover{
                background-color: #f9f9f9;
            }
            &:nth-child(odd){
                background-color: #f5f5f5;
            }
            &.selected{
                background-color: #b0bed9;
            }
            td{
                border-top: 1px solid #ddd;
                max-width: 10%;
                padding: 4px 10px;
            }
        }
    }
}

.show-item{
    margin-left: 20px;
    margin-top: 4px;
    float: left;
    button{
        width: 70px;
        height: 25px;
        color: #ffffff;
        background-color: buttonface;
        transition: transform 0.6s ease-in-out;

        &.selected{
            background-color: #4b8ccb;

            &:hover{
                -webkit-animation: shake-constant 0.4s ease-in-out;
                animation: shake-constant 0.4s ease-in-out;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
            }
        }
        &:not(:first-child){
            margin-left: 6px;
        }
    }
}

@-webkit-keyframes shake-constant {
    5%{
        transform: rotate(-10deg);
    }
    10%{
        transform: rotate(-20deg);
    }
    20%{
        transform: rotate(-10deg);
    }
    30%{
        transform: rotate(-20deg);
    }
    40%{
        transform: rotate(-10deg);
    }
    50%{
        transform: rotate(0deg);
    }
    60%{
        transform: rotate(10deg);
    }
    70%{
        transform: rotate(20deg);
    }
    80%{
        transform: rotate(10deg);
    }
    90%{
        transform: rotate(20deg);
    }
    0%,100%{
    }
 }